<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>添加音乐</title>
	</head>
	<link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.css" />
	<body>

		<div id="container">
			<div class="page-header">
				<h1><a href="/">我的音乐</a><small>
						<%= title %></small></h1>
			</div>
			<!--enctype的意思是：如果使用表单上传文件则必须注意两点
			1、表单的提交方法必须是post
			2、要指定表单内的属性值为multipart/form-data -->
			<form action="/add" method="post" enctype="multipart/form-data">
				<div class="form-group">
					<label for="title">标题</label>
					<input type="text" name="title" id="title" value="" class="form-control" placeholder="请输入音乐标题" />
				</div>
				<div class="form-group">
					<label for="atrist">歌手</label>
					<input type="text" name="singer" id="singer" value="" class="form-control" placeholder="请输入歌手" />
				</div>
				<div class="form-group">
					<label for="music_file">音乐</label>
					<input type="file" name="music" id="music"  accept="audio/*"  />
					<p class="help-block">请选择要上传的音乐文件</p>
				</div>
				<div class="form-group">
					<label for="poster_file">海报</label>
					<input type="file" name="poster" id="poster"  accept="image/*"/>
					<p class="help-block">请选择要上传的音乐文件</p>
				</div>
				<input type="submit" value="提交" class="btn btn-success" />
			</form>
		</div>
	</body>
</html>
